<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>用户中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <link rel="stylesheet" type="text/css" href="css/center.css"/>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <script src="js/rem.js"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        sessionStorage.url = "confirm";
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body style="background-color: #f0f0f0">
<header id="header" style="">
    <div class="topbar">
        <a href="javascript:history.back();" class="back_btn"><i class="iconfont">ş</i></a>
        <h1 class="page_title">用户中心</h1>
    </div>
</header>
<!-- 会员头像 -->
<div class="vip-header">
    <a href="">
        <dl>
            <dt>
                <img src="images/user.png"/>
            </dt>
            <dd>
                <h4>hjl416148489</h4>
                <p><span>积分：<i>30</i></span>
            </dd>
        </dl>
    </a>
    <ul>
        <li><a href=""><span>1</span>
            <p>待付款</p></a></li>
        <li><a href=""><span>0</span>
            <p>待收货</p></a></li>
        <li><a href=""><span>0</span>
            <p>待评价</p></a></li>
    </ul>
</div>
<!-- 会员俱乐部 -->
<div class="vip-club border_top_bottom ">
    <div class="vip-club-title border_bottom ">
        <span><i class="iconfont"></i>用户俱乐部</span>
    </div>
    <ul>
        <li><a href="">
            <p></p></a></li>
        <li><a href=""><i class="iconfont border_right"></i>
            <p>我的订单</p></a></li>
        <li><a href=""><i class="iconfont border_left"></i>
            <p>我的秒杀</p></a></li>
        <li><a href="">
            <p></p></a></li>
    </ul>
</div>
<div class="vip-club border_top_bottom vip-account">
    <div class="vip-club-title border_bottom">
        <span><i class="iconfont"></i>我的账户</span>
        <a href="index.html">积分兑换商品<i class="iconfont"></i></a>
    </div>
    <ul>
        <li><a href=""><i class="color_f44623">0</i>
            <p>账户余额</p></a></li>
        <li><a href=""><i class="color_f4a425">30</i>
            <p>我的积分</p></a></li>
        <li><a href=""><i class="color_45a1de">0</i>
            <p>我的礼券</p></a></li>
        <li><a href=""><i class="color_1dccaa">1</i>
            <p>宝贝收藏</p></a></li>
    </ul>
</div>
<div class="vip-list-icon border_top_bottom">
    <ul>
        <li class="border_bottom">
            <a href="" class="border_right"><i class="iconfont" style="font-size:24px;"></i><em>物流查询</em></a>
            <a href="./address.html" onclick="sessionStorage.url = 'center';"><i class="iconfont icon-dizhi1"></i><em>收货地址</em></a>
        </li>
        <li class="border_bottom">
            <a href="" class="border_right"><i class="iconfont"></i><em>评价晒单</em></a>
        </li>
    </ul>
</div>
<!--导航栏-->
<footer class="page-footer fixed-footer" id="footer">
    <ul>
        <li>
            <a href="index.html">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
        </li>

        <li>
            <a href="cation.html">
                <i class="iconfont icon-icon04"></i>
                <p>分类</p>
            </a>
        </li>

        <li>
            <a href="shopcar.html">
                <i class="iconfont icon-gouwuche"></i>
                <p>购物车</p>
            </a>
        </li>
        <li class="active">
            <a href="center.html">
                <i class="iconfont icon-yonghuming"></i>
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>

</body>

</html>
